<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<%@ include file="/WEB-INF/jsp/ResourceGlobal.jsp"%>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>单产品概览</title>
<script type="text/javascript">
	var prdPath = '<%=context%>business/projectManager/';
	var prdSellChannelPath = '<%=context%>business/prdSellChannel';
	//默认加载
	$(function() {
		//把访问路径传到js
		setPathPrefix(prdPath);
		setSellChannelPath(prdSellChannelPath);
	});
</script>
</head>
<body class="sub-page">

	<div class="container">
		<input type="hidden" id="prjprcstat" name="prjprcstat" value="${projectInfoVo.prjprcstat}"/>
		<input type="hidden" id="prjcode" name="prjcode" value="${projectInfoVo.prjcode}"/>
	 	<!-- <div class="tabs">
		    <ul id="myTabs" class="nav clear" role="tablist">
		        <li role="presentation" id="demand_li" class="tab"><a href="#market_opinion" role="tab" onclick="showDemand()" data-toggle="tab">概览</a></li>
		        <li role="presentation" id="list_li" class="active tab"><a href="#market_hot_prj" role="tab" onclick="showList()" data-toggle="tab">明细</a></li>
	        </ul>
	    </div> -->
	 	<div class="result-box">
	 		<!-- 概览 -->
	 		<%-- <div id="singleProductDemand" >
	 			<div class="product-status-progress">
	 				<ul class="status-progress">
	 					 <c:forEach var="dictDto" items="${prdStatusList}" varStatus="i">
 					 		<li class="progress-status"><div class="progress-icon" onclick="showSinglePrdStatus('${dictDto.dctValue}')">
	 					 	<c:if test="${i.index+1 == 1}">
	 					 		<i class="iconfont icon-clipboard-check"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 2}">
	 					 		<i class="iconfont icon-marketing"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 3}">
	 					 		<i class="far fa-save"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 4}">
	 					 		<i class="far fa-clock"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 5}">
	 					 		<i class="iconfont icon-chart2"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 6}">
	 					 		<i class="far fa-calendar-times"></i>
	 					 	</c:if>
	 					 	</div><span class="progress-name">${dictDto.dctName}</span></li>
			            	<c:if test="${dictDto.dctValue < 6}">
			            		<li class="progress-line active"></li>
			            	</c:if>
			            </c:forEach>
	 				</ul>
	 			</div>
	 			<div class="panel panel-solution">
					<div class="panel-heading">
				  		<span>产品层</span>
					</div>
					<div id="prjContractElement" class="panel-body">
						<div class="product-element-block text-center" onclick="dialogNavPage()">
							<span class="block-value">1,000,098.58</span>
							<span class="block-name">总市值（万元）</span>
						</div>
						<div class="product-element-block text-center" onclick="dialogNavPage()">
							<span class="block-value">30,000.51</span>
							<span class="block-name">累计分红（万）</span>
						</div>
						<div class="product-element-block text-center" onclick="dialogNavPage()">
							<span class="block-value">6.5</span>
							<span class="block-name">年化收益率（%）</span>
						</div>
						<div class="product-element-block text-center" onclick="dialogNavPage()">
							<span class="block-value">${navBizVo.nav}</span>
							<span class="block-name">当前净值</span>
						</div>
						<div class="product-element-block text-center" onclick="dialogNavPage()">
							<span class="block-value">${navBizVo.totalNav}</span>
							<span class="block-name">累计单位净值</span>
						</div>
					</div>
				</div>
				
				<div class="panel panel-solution" style="height:310px;">
					<div class="panel-heading">
				  		<span>客户层</span>
					</div>
					<div class="panel-body">
						<div id="customerChart" class="chart resize" style="height: 250px;"></div>
					</div>
				</div>
				
				<div class="panel panel-solution" style="height:350px;">
					<div class="panel-heading">
				  		<span>投资层</span>
					</div>
					<div class="panel-body">
						<div class="product-element-block text-center circle">
							<span class="block-value circle">1,500.00</span>
							<span class="block-name">活期余额（万）</span>
						</div>
						<div id="investChart" class="chart resize" style="height: 280px;width: 420px;"></div>
					</div>
				</div>
	 		</div> --%>
	 		
	 		<!-- 详情 -->
	 		<div id="singleProductDetail" >
	 			<div class="product-status-progress">
	 				<ul class="status-progress">
	 					 <c:forEach var="dictDto" items="${prdStatusList}" varStatus="i">
 					 		<li class="progress-status"><div class="progress-icon" <%-- onclick="showSinglePrdStatus('${dictDto.dctValue}')" --%>>
	 					 	<c:if test="${i.index+1 == 1}">
	 					 		<i class="iconfont icon-clipboard-check"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 2}">
	 					 		<i class="iconfont icon-marketing"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 3}">
	 					 		<i class="far fa-save"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 4}">
	 					 		<i class="far fa-clock"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 5}">
	 					 		<i class="iconfont icon-chart2"></i>
	 					 	</c:if>
	 					 	<c:if test="${i.index+1 == 6}">
	 					 		<i class="far fa-calendar-times"></i>
	 					 	</c:if>
	 					 	</div><span class="progress-name">${dictDto.dctName}</span></li>
			            	<c:if test="${dictDto.dctValue < 6}">
			            		<li class="progress-line active"></li>
			            	</c:if>
			            </c:forEach>
	 				</ul>
	 			</div>
	 		
	 			<div class="table-responsive">
					 <div id="contractDetail" class="panel panel-solution">
						<div class="panel-heading">
				  			合同要素
						</div>
						<div id="prjContractElement" class="panel-body">
							<table class="table table-bordered">
							<tbody>
								<tr>
									<td class="gray-bg align-right">产品简称</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.prjsname}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">产品全称</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.prjlname}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">产品代码</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.prjcode}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">产品登记编码</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.prdRegCode}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">募集方式</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.collectionMethodNM}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">产品分类</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.prdCategoryNM}</span>
									</td>
						   		 </tr>
						   		  <tr>
									<td class="gray-bg align-right">产品业务类型</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.prdBizTypeNM}</span>
									</td>
						   		 </tr>
						   		  <tr>
									<td class="gray-bg align-right">成立日</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.setupDate}</span>
									</td>
						   		 </tr>
						   		  <tr>
									<td class="gray-bg align-right">到期日</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.expectedEndDate}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">托管人</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.custodianid}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">托管人负责人</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.custodianleader}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">托管人联系人</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.custodiancontacter}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">托管人联系电话</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.custodainphone}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">托管人住址</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.custodianaddress}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">运作方式</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.operationModeNM}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">开放频率</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.openFrequencyNM}</span>
									</td>
						   		 </tr>
						   		 <tr>
									<td class="gray-bg align-right">开放时间描述</td>
									<td class="white-bg" colspan="3">
										<span>${projectInfoVo.openDateDesc}</span>
									</td>
						   		 </tr>
						   		 <c:if test="${projectInfoVo.openFrequency == '4'}">
							   		 <tr>
										<td class="gray-bg align-right">固定频率（天）</td>
										<td class="white-bg" colspan="3">
											<span>${projectInfoVo.fixFrequency}</span>
										</td>
							   		 </tr>
						   		</c:if>
						   		<tr>
									<td class="gray-bg align-right">投资目标</td>
						   			<td class="white-bg" colspan="3">
						   				<%
											request.setAttribute("vEnter", "\n");
										%>
						   				${fn:replace(projectInfoVo.investTarget, vEnter, '<br/>') }
									</td>
						   		</tr>
						   		
						   		<tr>
									<td class="gray-bg align-right">投资范围及比例</td>
						   			<td class="white-bg" colspan="3">
										${fn:replace(projectInfoVo.investspec, vEnter, '<br/>') }
									</td>
						   		</tr>
								</tbody>
							</table>
						</div>
					</div>
					
					<div id="prdAccountList" class="panel-solution">
						<div class="jqGrid_wrapper fullscreen-wrapper">
							<div style="display: none;" id="addAccountTemp"><wasp:opera fun='javascirpt:void(0);' type='1' id='addAccount' param=''></wasp:opera></div><!-- 新增 -->
							<div style="display: none;" id="delAccountTemp"><wasp:opera fun='javascirpt:void(0);' type='1' id='delAccount' param=''></wasp:opera></div><!-- 删除 -->
							<table id="accountList"></table>
							<div id="accountListPage"></div>
						</div>
					</div>	
					
					<c:if test="${!empty subInfoList}">
						<input type="hidden" id="subPrdCode" value="${subInfoList[0].subPrdCode }"/>
						<div class="tabs" style="margin: 0; width: 100%;">
						    <ul id="myTabs" class="nav clear" role="tablist">
						    	<c:forEach items="${subInfoList }" var="item">
						    		<li role="presentation" id="sub_${item.subPrdCode }" class="tab"><a href="#market_opinion" role="tab" onclick="querySubPrdInfo('${item.subPrdCode}')" data-toggle="tab">${item.subFundSname }</a></li>
						    	</c:forEach>
					        </ul>
					    </div>
					    <div id="subDetailDiv" class="panel panel-solution" style="margin-top: 10px;"></div>
					    <div style="display: none;" id="addPrdSellChannelTemp"><wasp:opera fun='javascirpt:void(0);' type='1' id='addPrdSellChannel' param=''></wasp:opera></div><!-- 新增 -->
						<div style="display: none;" id="delPrdSellChannelTemp"><wasp:opera fun='javascirpt:void(0);' type='1' id='delPrdSellChannel' param=''></wasp:opera></div><!-- 删除 -->
						<jsp:include page="../prdSellChannel/prdSellChannelList.jsp"></jsp:include>
						<div style="display: none;" id="addFeeYieldTemp"><wasp:opera fun='javascirpt:void(0);' type='1' id='addFeeYield' param=''></wasp:opera></div><!-- 新增 -->
						<div style="display: none;" id="delFeeYieldTemp"><wasp:opera fun='javascirpt:void(0);' type='1' id='delFeeYield' param=''></wasp:opera></div><!-- 删除 -->
						<jsp:include page="feeYieldList.jsp"></jsp:include>
					</c:if>
				</div>
	 		</div>
	 	</div>
	</div>
    
<script type="text/javascript" src="<%=context%>resources/modules/system/echarts/echarts.min.js?20190122"></script>
<script type="text/javascript" src="<%=context%>resources/modules/business/projectManager/singleProductDemand.js?r=<%=Math.random()%>"></script>
<script type="text/javascript" src="<%=context%>resources/modules/business/projectManager/singleProductOverview.js?r=<%=Math.random()%>"></script>
<script type="template" id="newsTemplate">
<div class="panel-heading">
	TA要素
</div>
<div id="prjContractElement" class="panel-body">
<table class="table table-bordered">
<tbody>
<tr>
	<td class="gray-bg align-right">货币类型</td>
	<td class="white-bg" colspan="3">
		<span>{{currencyTypeNm}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">赎回规则</td>
	<td class="white-bg" colspan="3">
		<span>{{redemptionRule}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">初始面值（元）</td>
	<td class="white-bg" colspan="3">
		<span>{{initParValue}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">募集期利息处理方式</td>
	<td class="white-bg" colspan="3">
		<span>{{intModeNm}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">是否有前期支付费用</td>
	<td class="white-bg" colspan="3">
		<span>{{isBeforePayFeeNm}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">认购起点（个人）（元）</td>
	<td class="white-bg" colspan="3">
		<span>{{indBookStart}}</span>
    </td>
</tr>
<tr>
	<td class="gray-bg align-right">认购起点（机构）（元）</td>
	<td class="white-bg" colspan="3">
		<span>{{insBookStart}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">认购步幅</td>
	<td class="white-bg" colspan="3">
		<span>{{bookStep}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">认购费率（%）</td>
	<td class="white-bg" colspan="3">
		<span>{{bookFeeRate}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">申购起点（个人）（元）</td>
	<td class="white-bg" colspan="3">
		<span>{{indDeclareStart}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">申购起点（机构）（元）</td>
	<td class="white-bg" colspan="3">
		<span>{{insDeclareStart}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">申购步幅</td>
	<td class="white-bg" colspan="3">
		<span>{{declareFeeRate}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">申购费率（%）</td>
	<td class="white-bg" colspan="3">
		<span>{{applyStep}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">赎回费率（%）</td>
	<td class="white-bg" colspan="3">
		<span>{{redeemFeeRate}}</span>
	</td>
</tr>
<tr>
	<td class="gray-bg align-right">违约退出费率（%）</td>
	<td class="white-bg" colspan="3">
		<span>{{breachFeeRate}}</span>
	</td>
</tr>
</tbody>
</table>
</div>
</script>
</body>
</html>
